<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />
  <title></title>
  <link rel="stylesheet" type="text/css" href="./css/reset.css" media="all" />
  <link rel="stylesheet/less" type="text/css" href="./css/zhaocha.less" media="all" />
    <script>
      less = {
        env: "development",
        async: false,
        fileAsync: false,
        poll: 1000,
        functions: {},
        dumpLineNumbers: "comments",
        relativeUrls: false,
        rootpath: ''
      };
    </script>
  <script type="text/javascript" src="./js/less.min.js"></script>
  <script type="text/javascript" src="./js/jquery-2.1.4.min.js"></script>
  <script type="text/javascript" src="./js/zhaocha.js"></script>
  <script type="text/javascript">
    function init_rem(){
        var irate=625;
        var iw=640;
        var w=$(window).width();
        var irate= 625/(iw/w);
        var str='html{font-size:' + irate + '%' + '}';
        var $style=$('<style></style>').html(str);
        $('head').eq(0).append($style);
    }
    init_rem();
    window.onresize=function(){  
        init_rem();
    }  
  </script>
  <style type="text/css">
      .box{width:400px;display:-webkit-box;}
      .box .i1{position:relative;width:200px;height:200px;}
      .box .i2{position:relative;width:200px;height:200px;}
  </style>
</head>
<body>
    <div id="container"></div>
</body>
</html>
